/*
 * @Author: Jimmy
 * @LastModifiedBy: Jimmy
 * @Date: 2024-02-23 19:39:10
 * @LastEditTime: 2024-07-07 13:40:56
 * @FilePath: /nest_study/web/src/styles/theme/blue.ts
 */
import { dealTheme } from "./deal_theme";
import { Theme } from "./type";

export const blueOptions: Theme = {
    mainBg:'#EEF0FA',
    menuBg:'#046af9',
    headerBg:"#ffff",
    headerColor:"#348afd",
    primaryColor:'#0567f3',
    headMenuColor:'#d1e3ff',
    menuIconColor:'#333',
    menuIconActive:'#348afd',
    groupTitleColor:'#f2f2f2'
}

export const blueThemeToken = {
    token:{
        colorError: '#F75444',
        colorInfo: '#0567f3',
        colorPrimary: '#0567f3',
        colorSuccess: "#52c41a",
        colorTextBase: '#000',
        colorWarning: '#faad14',
    },
    components:{
        Menu:{
            itemBorderRadius:0,
            itemMarginInline:0,
            subMenuItemBg:'#046af9',
            itemSelectedBg:'#fff',
            groupTitleColor:"#999",
            itemColor:'#333',
            itemHoverColor:'#444',
            itemSelectedColor:'#046af9'
        }
    }
}

export const blueTheme: Theme = dealTheme(blueOptions);